<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>pcn</title>
	<link href="../css/kline.css" rel="stylesheet" type="text/css">
	<script src="/static/config.js"></script>
  <script src="lib/jquery.js"></script>
  <script src="lib/jquery.mousewheel.js"></script>
  <script src="lib/SocketHandler.js"></script>
</head>
<body>

<div class="bk-animationload">
    <div class="bk-preloader"></div>
</div>
<!-- <div id="trade_container" class="ZB_kline">
        <div class="m_cent">
            <div class="m_guadan">
                <div id="market">ZB/QC 交易</div>
                <div id="orderbook">
                    <div id="asks">
                        <div class="table">
                        </div>
                   </div>
                   <div id="gasks">
                       <div class="table">
                       </div>
                   </div>
                   <div id="price" class="red"></div>
                   <div id="bids">
                       <div class="table">
                       </div>
                    </div>
                    <div id="gbids">
                        <div class="table">
                        </div>
                    </div>
                </div>
                <div id="trades" class="trades">
	                <div class="trades_list">
	                  </div>
                </div>

            </div>

        </div>
</div> -->
 <!-- Chart Container -->
<div id="chart_container" class="dark">

    <!-- Dom Element Cache -->
    <div id="chart_dom_elem_cache"></div>

    <!-- ToolBar -->
    <div id="chart_toolbar" style="padding-left:100px!important">
        <div class="chart_toolbar_minisep"> </div>

        <!-- Periods -->
        <div class="chart_dropdown" id="chart_toolbar_periods_vert" style="display: none">
            <div class="chart_dropdown_t"><a class="chart_str_period">TIME</a></div>
            <div class="chart_dropdown_data" style="margin-left: -58px;">
                <table>
                <tbody>
                <tr>
                    <td>
                        <ul>
                            <li id="chart_period_1w_v" name="1w">  <a class="chart_str_period_1w">1w</a></li>
                            <li id="chart_period_3d_v" name="3d">  <a class="chart_str_period_3d">3d</a></li>
                            <li id="chart_period_1d_v" name="1d">  <a class="chart_str_period_1d">1d</a></li>
                        </ul>
                    </td>
                </tr>
                <tr>
                    <td>
                        <ul>
                            <li id="chart_period_12h_v" name="12h"> <a class="chart_str_period_12h">12h</a></li>
                            <li id="chart_period_6h_v" name="6h">  <a class="chart_str_period_6h">6h</a></li>
                            <li id="chart_period_4h_v" name="4h">  <a class="chart_str_period_4h">4h</a></li>
                            <li id="chart_period_2h_v" name="2h">  <a class="chart_str_period_2h">2h</a></li>
                            <li id="chart_period_1h_v" name="1h">  <a class="chart_str_period_1h">1h</a></li>
                        </ul>
                    </td>
                </tr>
                <tr>
                    <td>
                        <ul>
                            <li id="chart_period_30m_v" name="30m"> <a class="chart_str_period_30m">30m</a></li>
                            <li id="chart_period_15m_v" name="15m"> <a class="chart_str_period_15m">15m</a></li>
                            <li id="chart_period_5m_v" name="5m">  <a class="chart_str_period_5m">5m</a></li>
                            <li id="chart_period_3m_v" name="3m">  <a class="chart_str_period_3m">3m</a></li>
                            <li id="chart_period_1m_v" name="1m">  <a class="chart_str_period_1m">1m</a></li>
                            <li id="chart_period_line_v" name="line"><a class="chart_str_period_line">Line</a></li>
                        </ul>
                    </td>
                </tr>
                </tbody>
                </table>
            </div>
        </div>
        <div id="chart_toolbar_periods_horz">
            <ul class="chart_toolbar_tabgroup" style="padding-left:5px; padding-right:11px;">
                <li id="chart_period_1w_h" name="1w" style="display: inline-block;">  <a class="chart_str_period_1w">1w</a></li>
                <li id="chart_period_3d_h" name="3d" style="display: inline-block;">  <a class="chart_str_period_3d">3d</a></li>
                <li id="chart_period_1d_h" name="1d" style="display: inline-block;">  <a class="chart_str_period_1d">1d</a></li>
                <li id="chart_period_12h_h" name="12h" style="display: none;"> <a class="chart_str_period_12h">12h</a></li>
                <li id="chart_period_6h_h" name="6h" style="display: none;">  <a class="chart_str_period_6h">6h</a></li>
                <li id="chart_period_4h_h" name="4h" style="display: none;">  <a class="chart_str_period_4h">4h</a></li>
                <li id="chart_period_2h_h" name="2h" style="display: none;">  <a class="chart_str_period_2h">2h</a></li>
                <li id="chart_period_1h_h" name="1h" style="display: inline-block;">  <a class="chart_str_period_1h selected">1h</a></li>
                <li id="chart_period_30m_h" name="30m" style="display: inline-block;"> <a class="chart_str_period_30m">30m</a></li>
                <li id="chart_period_15m_h" name="15m" style="display: inline-block;"> <a class="chart_str_period_15m">15m</a></li>
                <li id="chart_period_5m_h" name="5m" style="display: inline-block;">  <a class="chart_str_period_5m">5m</a></li>
                <li id="chart_period_3m_h" name="3m" style="display: none;">  <a class="chart_str_period_3m">3m</a></li>
                <li id="chart_period_1m_h" name="1m" style="display: inline-block;">  <a class="chart_str_period_1m">1m</a></li>
                <li id="chart_period_line_h" name="line" style="display: inline-block;"><a class="chart_str_period_line">Line</a></li>
            </ul>
        </div>

        <!-- Periods -->


        <!-- Open TabBar -->


        <!-- Open ToolPanel -->


        <!-- Theme -->


        <!-- Settings -->
        <div id="chart_show_indicator" class="chart_toolbar_button chart_str_indicator_cap selected">INDICATOR</div>
        <div id="chart_show_tools" class="chart_toolbar_button chart_str_tools_cap selected">TOOLS</div>
        <div id="chart_toolbar_theme">
            <div class="chart_toolbar_label chart_str_theme_cap">THEME</div>
            <a name="dark" class="chart_icon chart_icon_theme_dark selected" title="红涨绿跌"></a>
            <a name="light" class="chart_icon chart_icon_theme_light" title="绿涨红跌"></a>
        </div>
        <div class="chart_dropdown" id="chart_dropdown_settings">
            <div class="chart_dropdown_t"><a class="chart_str_settings">MORE</a></div>
            <div class="chart_dropdown_data">
                <table>
                <tbody>
                <tr id="chart_select_main_indicator">
                    <td class="chart_str_main_indicator">Main Indicator</td>
                    <td>
                        <ul>
                            <li><a name="MA" class="">MA</a></li>
                            <li><a name="EMA" class="">EMA</a></li>
                            <li><a name="BOLL" class="">BOLL</a></li>
                            <li><a name="SAR" class="">SAR</a></li>
                            <li><a name="NONE" class="">None</a></li>
                        </ul>
                    </td>
                </tr>
                <tr id="chart_select_chart_style">
                    <td class="chart_str_chart_style">Chart Style</td>
                    <td>
                        <ul>
                            <li><a class="">CandleStick</a></li>
                            <li><a>CandleStickHLC</a></li>
                            <li><a class="">OHLC</a></li>
                        </ul>
                    </td>
                </tr><tr id="chart_select_theme" style="display: none;">
                    <td class="chart_str_theme">Theme</td>
                    <td>
                        <ul>
                            <li><a name="dark" class="chart_icon chart_icon_theme_dark selected" title="红涨绿跌"></a></li>
                            <li><a name="light" class="chart_icon chart_icon_theme_light" title="绿涨红跌"></a></li>
                        </ul>
                    </td>
                </tr><tr id="chart_enable_tools" style="display: none;">
                    <td class="chart_str_tools">Tools</td>
                    <td>
                        <ul>
                            <li><a name="on" class="chart_str_on selected">On</a></li>
                            <li><a name="off" class="chart_str_off">Off</a></li>
                        </ul>
                    </td>
                </tr><tr id="chart_enable_indicator">
                    <td class="chart_str_indicator">Indicator</td>
                    <td>
                        <ul>
                            <li><a name="on" class="chart_str_on selected">On</a></li>
                            <li><a name="off" class="chart_str_off">Off</a></li>
                        </ul>
                    </td>
                </tr><tr>
                    <td></td>
                    <td>
                        <ul><li><a id="chart_btn_parameter_settings" class="chart_str_indicator_parameters">Indicator Parameters</a></li></ul>
                    </td>
                </tr></tbody></table>
            </div>
        </div>

		<!--<div class="chart_dropdown" id="chart_language_setting_div" style="padding-left: 5px;">-->
			<!--<div class="chart_dropdown_t">-->
			<!--<a class="chart_language_setting">LANGUAGE</a>-->
			<!--</div>-->
			<!--<div class="chart_dropdown_data" style="padding-top: 15px;">-->
				<!--<ul>-->
					<!--<li style="height: 25px;"><a name="zh-cn">简体中文(zh-CN)</a></li>-->
					<!--<li style="height: 25px;"><a name="en-us">English(en-US)</a></li>-->
					<!--<li style="height: 25px;"><a name="zh-tw">繁體中文(zh-HK)</a></li>-->
				<!--</ul>-->
			<!--</div>-->

		<!--</div>-->

        <div id="chart_updated_time">
            <span class="chart_str_updated">Updated</span>
            <span id="chart_updated_time_text">0s</span>
            <span class="chart_str_ago">ago</span>
        </div>
    </div>
    <!-- ToolPanel -->
    <div id="chart_toolpanel" style="display: inline; left: 0px; top: 30px; width: 32px; height: 949px;">
        <div class="chart_toolpanel_separator"></div>
        <div class="chart_toolpanel_button">
            <div class="chart_toolpanel_icon" id="chart_Cursor" name="Cursor"></div>
            <div class="chart_toolpanel_tip chart_str_cursor">Cursor</div>
        </div>
        <div class="chart_toolpanel_button selected">
            <div class="chart_toolpanel_icon" id="chart_CrossCursor" name="CrossCursor"></div>
            <div class="chart_toolpanel_tip chart_str_cross_cursor">Cross Cursor</div>
        </div>
        <div class="chart_toolpanel_button">
            <div class="chart_toolpanel_icon" id="chart_SegLine" name="SegLine"></div>
            <div class="chart_toolpanel_tip chart_str_seg_line">Trend Line</div>
        </div>
        <div class="chart_toolpanel_button">
            <div class="chart_toolpanel_icon" id="chart_StraightLine" name="StraightLine"></div>
            <div class="chart_toolpanel_tip chart_str_straight_line">Extended</div>
        </div>
        <div class="chart_toolpanel_button">
            <div class="chart_toolpanel_icon" id="chart_RayLine" name="RayLine"></div>
            <div class="chart_toolpanel_tip chart_str_ray_line">Ray</div>
        </div>
        <div class="chart_toolpanel_button">
            <div class="chart_toolpanel_icon" id="chart_ArrowLine" name="ArrowLine"></div>
            <div class="chart_toolpanel_tip chart_str_arrow_line">Arrow</div>
        </div>
        <div class="chart_toolpanel_button">
            <div class="chart_toolpanel_icon" id="chart_HoriSegLine" name="HoriSegLine"></div>
            <div class="chart_toolpanel_tip chart_str_horz_seg_line">Horizontal Line</div>
        </div>
        <div class="chart_toolpanel_button">
            <div class="chart_toolpanel_icon" id="chart_HoriStraightLine" name="HoriStraightLine"></div>
            <div class="chart_toolpanel_tip chart_str_horz_straight_line">Horizontal Extended</div>
        </div>
        <div class="chart_toolpanel_button">
            <div class="chart_toolpanel_icon" id="chart_HoriRayLine" name="HoriRayLine"></div>
            <div class="chart_toolpanel_tip chart_str_horz_ray_line">Horizontal Ray</div>
        </div>
        <div class="chart_toolpanel_button">
            <div class="chart_toolpanel_icon" id="chart_VertiStraightLine" name="VertiStraightLine"></div>
            <div class="chart_toolpanel_tip chart_str_vert_straight_line">Vertical Extended</div>
        </div>
        <div class="chart_toolpanel_button">
            <div class="chart_toolpanel_icon" id="chart_PriceLine" name="PriceLine"></div>
            <div class="chart_toolpanel_tip chart_str_price_line">Price Line</div>
        </div>
        <div class="chart_toolpanel_button">
            <div class="chart_toolpanel_icon" id="chart_TriParallelLine" name="TriParallelLine"></div>
            <div class="chart_toolpanel_tip chart_str_tri_parallel_line">Parallel Channel</div>
        </div>
        <div class="chart_toolpanel_button">
            <div class="chart_toolpanel_icon" id="chart_BiParallelLine" name="BiParallelLine"></div>
            <div class="chart_toolpanel_tip chart_str_bi_parallel_line">Parallel Lines</div>
        </div>
        <div class="chart_toolpanel_button">
            <div class="chart_toolpanel_icon" id="chart_BiParallelRayLine" name="BiParallelRayLine"></div>
            <div class="chart_toolpanel_tip chart_str_bi_parallel_ray">Parallel Rays</div>
        </div>
        <div class="chart_toolpanel_button">
            <div class="chart_toolpanel_icon" id="chart_DrawFibRetrace" name="DrawFibRetrace"></div>
            <div class="chart_toolpanel_tip chart_str_fib_retrace">Fibonacci Retracements</div>
        </div>
        <div class="chart_toolpanel_button">
            <div class="chart_toolpanel_icon" id="chart_DrawFibFans" name="DrawFibFans"></div>
            <div class="chart_toolpanel_tip chart_str_fib_fans">Fibonacci Fans</div>
        </div>
         <div style="padding-left: 3px;padding-top: 10px;">
            <button style="color: red;" id="clearCanvas" title="Clear All" >X</button>
        </div>
    </div>


    <!-- Canvas Group -->
    <div id="chart_canvasGroup" style="left: 33px; top: 30px; width: 2500px; height: 926px;">
        <canvas class="chart_canvas" id="chart_mainCanvas" width="2527" height="926" style="cursor: none;"></canvas>
        <canvas class="chart_canvas" id="chart_overlayCanvas" width="2527" height="926" style="cursor: none;"></canvas>
     </div>
     <!-- TabBar -->
    <div id="chart_tabbar" style="display: block; position:relative; left: 33px; top: 956px; width: 2527px; height: 22px;">

        <ul>
            <li><a name="MACD" class="">MACD</a></li>
            <li><a name="KDJ" class="">KDJ</a></li>
            <li><a name="StochRSI" class="">StochRSI</a></li>
            <li><a name="RSI" class="">RSI</a></li>
            <li><a name="DMI" class="">DMI</a></li>
            <li><a name="OBV" class="">OBV</a></li>
            <li><a name="BOLL" class="">BOLL</a></li>
            <li><a name="SAR" class="">SAR</a></li>
            <li><a name="DMA" class="">DMA</a></li>
            <li><a name="TRIX" class="">TRIX</a></li>
            <li><a name="BRAR" class="">BRAR</a></li>
            <li><a name="VR" class="">VR</a></li>
            <li><a name="EMV" class="">EMV</a></li>
            <li><a name="WR" class="">WR</a></li>
            <li><a name="ROC" class="">ROC</a></li>
            <li><a name="MTM" class="">MTM</a></li>
            <li><a name="PSY">PSY</a></li>
        </ul>

    </div>

    <!-- Parameter Settings -->
    <div id="chart_parameter_settings" style="left: 960px; top: 281px;">
        <h2 class="chart_str_indicator_parameters">Indicator Parameters</h2>
        <table>
            <tbody><tr>
                <th>MA</th>
                <td><input name="MA"><input name="MA"><input name="MA"><input name="MA"></td>
                <td><button class="chart_str_default">default</button></td>

                <th>DMA</th>
                <td><input name="DMA"><input name="DMA"><input name="DMA"></td>
                <td><button class="chart_str_default">default</button></td>
            </tr>

            <tr>
                <th>EMA</th>
                <td><input name="EMA"><input name="EMA"><input name="EMA"><input name="EMA"></td>
                <td><button class="chart_str_default">default</button></td>

                <th>TRIX</th>
                <td><input name="TRIX"><input name="TRIX"></td>
                <td><button class="chart_str_default">default</button></td>
            </tr>

            <tr>
                <th>VOLUME</th>
                <td><input name="VOLUME"><input name="VOLUME"></td>
                <td><button class="chart_str_default">default</button></td>

                <th>BRAR</th>
                <td><input name="BRAR"></td>
                <td><button class="chart_str_default">default</button></td>
            </tr>

            <tr>
                <th>MACD</th>
                <td><input name="MACD"><input name="MACD"><input name="MACD"></td>
                <td><button class="chart_str_default">default</button></td>

                <th>VR</th>
                <td><input name="VR"><input name="VR"></td>
                <td><button class="chart_str_default">default</button></td>
            </tr>

            <tr>
                <th>KDJ</th>
                <td><input name="KDJ"><input name="KDJ"><input name="KDJ"></td>
                <td><button class="chart_str_default">default</button></td>

                <th>EMV</th>
                <td><input name="EMV"><input name="EMV"></td>
                <td><button class="chart_str_default">default</button></td>
            </tr>

            <tr>
                <th>StochRSI</th>
                <td><input name="StochRSI"><input name="StochRSI"><input name="StochRSI"><input name="StochRSI"></td>
                <td><button class="chart_str_default">default</button></td>

                <th>WR</th>
                <td><input name="WR"><input name="WR"></td>
                <td><button class="chart_str_default">default</button></td>
            </tr>

            <tr>
                <th>RSI</th>
                <td><input name="RSI"><input name="RSI"><input name="RSI"></td>
                <td><button class="chart_str_default">default</button></td>

                <th>ROC</th>
                <td><input name="ROC"><input name="ROC"></td>
                <td><button class="chart_str_default">default</button></td>
            </tr>

            <tr>
                <th>DMI</th>
                <td><input name="DMI"><input name="DMI"></td>
                <td><button class="chart_str_default">default</button></td>

                <th>MTM</th>
                <td><input name="MTM"><input name="MTM"></td>
                <td><button class="chart_str_default">default</button></td>
            </tr>

            <tr>
<!--                 <th>OBV</th>
                <td><input name="OBV"></td>
                <td><button class="chart_str_default">default</button></td> -->
                <th>BOLL</th>
                <td><input name="BOLL"></td>
                <td><button class="chart_str_default">default</button></td>

                <th>PSY</th>
                <td><input name="PSY"><input name="PSY"></td>
                <td><button class="chart_str_default">default</button></td>
            </tr>

<!--             <tr>
                <th>BOLL</th>
                <td><input name="BOLL"></td>
                <td><button class="chart_str_default">default</button></td>
            </tr> -->
        </tbody></table>
        <div id="close_settings"><a class="chart_str_close">CLOSE</a></div>
    </div>

    <!-- Loading -->
    <div id="chart_loading" class="chart_str_loading" style="left: 1180px; top: 232px;">Loading...</div>

</div> <!-- End Of ChartContainer -->

<div style="display: none">
    <form style="display: inline" id="chart_input_interface">
        <input style="display: inline" type="text" id="chart_input_interface_text">
        <input style="display: inline" type="submit" id="chart_input_interface_submit">
    </form>
    <form style="display: inline" id="chart_output_interface">
        <input style="display: inline" type="text" id="chart_output_interface_text">
        <input style="display: inline" type="submit" id="chart_output_interface_submit">
    </form>
</div>
<div style="display: none" id="chart_language_switch_tmp">

    <span name="chart_str_period" zh_hk="週期" zh_cn="周期" en_us="TIME"></span>
    <span name="chart_str_period_line" zh_hk="分時" zh_cn="分时" en_us="Line"></span>
    <span name="chart_str_period_1m" zh_hk="1分钟" zh_cn="1分钟" en_us="1m"></span>
    <span name="chart_str_period_3m" zh_hk="3分钟" zh_cn="3分钟" en_us="3m"></span>
    <span name="chart_str_period_5m" zh_hk="5分钟" zh_cn="5分钟" en_us="5m"></span>
    <span name="chart_str_period_15m" zh_hk="15分钟" zh_cn="15分钟" en_us="15m"></span>
    <span name="chart_str_period_30m" zh_hk="30分钟" zh_cn="30分钟" en_us="30m"></span>
    <span name="chart_str_period_1h" zh_hk="1小時" zh_cn="1小时" en_us="1h"></span>
    <span name="chart_str_period_2h" zh_hk="2小時" zh_cn="2小时" en_us="2h"></span>
    <span name="chart_str_period_4h" zh_hk="4小時" zh_cn="4小时" en_us="4h"></span>
    <span name="chart_str_period_6h" zh_hk="6小時" zh_cn="6小时" en_us="6h"></span>
    <span name="chart_str_period_12h" zh_hk="12小時" zh_cn="12小时" en_us="12h"></span>
    <span name="chart_str_period_1d" zh_hk="日線" zh_cn="日线" en_us="1d"></span>
    <span name="chart_str_period_3d" zh_hk="3日" zh_cn="3日" en_us="3d"></span>
    <span name="chart_str_period_1w" zh_hk="周線" zh_cn="周线" en_us="1w"></span>

    <span name="chart_str_settings" zh_hk="更多" zh_cn="更多" en_us="MORE"></span>
    <span name="chart_setting_main_indicator" zh_hk="均線設置" zh_cn="均线设置" en_us="Main Indicator"></span>
    <span name="chart_setting_main_indicator_none" zh_hk="關閉均線" zh_cn="关闭均线" en_us="None"></span>
    <span name="chart_setting_indicator_parameters" zh_hk="指標參數設置" zh_cn="指标参数设置" en_us="Indicator Parameters"></span>

    <span name="chart_str_chart_style" zh_hk="主圖樣式" zh_cn="主图样式" en_us="Chart Style"></span>
    <span name="chart_str_main_indicator" zh_hk="主指標" zh_cn="主指标" en_us="Main Indicator"></span>
    <span name="chart_str_indicator" zh_hk="技術指標" zh_cn="技术指标" en_us="Indicator"></span>
    <span name="chart_str_indicator_cap" zh_hk="技術指標" zh_cn="技术指标" en_us="INDICATOR"></span>
    <span name="chart_str_tools" zh_hk="畫線工具" zh_cn="画线工具" en_us="Tools"></span>
    <span name="chart_str_tools_cap" zh_hk="畫線工具" zh_cn="画线工具" en_us="TOOLS"></span>
    <span name="chart_str_theme" zh_hk="主題選擇" zh_cn="主题选择" en_us="Theme"></span>
    <span name="chart_str_theme_cap" zh_hk="主題選擇" zh_cn="主题选择" en_us="THEME"></span>

    <span name="chart_language_setting" zh_hk="語言(LANG)" zh_cn="语言(LANG)" en_us="LANGUAGE"></span>
    <span name="chart_exchanges_setting" zh_hk="更多市場" zh_cn="更多市场" en_us="MORE MARKETS"></span>
    <span name="chart_othercoin_setting" zh_hk="其它市場" zh_cn="其它市场" en_us="OTHER MARKETS"></span>


    <span name="chart_str_none" zh_hk="關閉" zh_cn="关闭" en_us="None"></span>

    <span name="chart_str_theme_dark" zh_hk="深色主題" zh_cn="深色主题" en_us="Dark"></span>
    <span name="chart_str_theme_light" zh_hk="淺色主題" zh_cn="浅色主题" en_us="Light"></span>

    <span name="chart_str_on" zh_hk="開啟" zh_cn="开启" en_us="On"></span>
    <span name="chart_str_off" zh_hk="關閉" zh_cn="关闭" en_us="Off"></span>

    <span name="chart_str_close" zh_hk="關閉" zh_cn="关闭" en_us="CLOSE"></span>
    <span name="chart_str_default" zh_hk="默認值" zh_cn="默认值" en_us="default"></span>

    <span name="chart_str_loading" zh_hk="正在讀取數據..." zh_cn="正在读取数据..." en_us="Loading..."></span>

    <span name="chart_str_indicator_parameters" zh_hk="指標參數設置" zh_cn="指标参数设置" en_us="Indicator Parameters"></span>

    <span name="chart_str_cursor" zh_hk="光標" zh_cn="光标" en_us="Cursor"></span>
    <span name="chart_str_cross_cursor" zh_hk="十字光標" zh_cn="十字光标" en_us="Cross Cursor"></span>
    <span name="chart_str_seg_line" zh_hk="線段" zh_cn="线段" en_us="Trend Line"></span>
    <span name="chart_str_straight_line" zh_hk="直線" zh_cn="直线" en_us="Extended"></span>
    <span name="chart_str_ray_line" zh_hk="射線" zh_cn="射线" en_us="Ray"></span>
    <span name="chart_str_arrow_line" zh_hk="箭頭" zh_cn="箭头" en_us="Arrow"></span>
    <span name="chart_str_horz_seg_line" zh_hk="水平線段" zh_cn="水平线段" en_us="Horizontal Line"></span>
    <span name="chart_str_horz_straight_line" zh_hk="水平直線" zh_cn="水平直线" en_us="Horizontal Extended"></span>
    <span name="chart_str_horz_ray_line" zh_hk="水平射線" zh_cn="水平射线" en_us="Horizontal Ray"></span>
    <span name="chart_str_vert_straight_line" zh_hk="垂直直線" zh_cn="垂直直线" en_us="Vertical Extended"></span>
    <span name="chart_str_price_line" zh_hk="價格線" zh_cn="价格线" en_us="Price Line"></span>
    <span name="chart_str_tri_parallel_line" zh_hk="價格通道線" zh_cn="价格通道线" en_us="Parallel Channel"></span>
    <span name="chart_str_bi_parallel_line" zh_hk="平行直線" zh_cn="平行直线" en_us="Parallel Lines"></span>
    <span name="chart_str_bi_parallel_ray" zh_hk="平行射線" zh_cn="平行射线" en_us="Parallel Rays"></span>
    <span name="chart_str_fib_retrace" zh_hk="斐波納契回調" zh_cn="斐波纳契回调" en_us="Fibonacci Retracements"></span>
    <span name="chart_str_fib_fans" zh_hk="斐波納契扇形" zh_cn="斐波纳契扇形" en_us="Fibonacci Fans"></span>

    <span name="chart_str_updated" zh_hk="更新於" zh_cn="更新于" en_us="Updated"></span>
    <span name="chart_str_ago" zh_hk="前" zh_cn="前" en_us="ago"></span>
</div>
<script src="lib/kline.draw.js"></script>
<script type="text/javascript">
var option = {
	market_from: queryString('symbol'),
	// market_from_name: queryString('marketName'),
	url: window.config.socketServer,
	subscribePath: "market.~symbol~.kline.~period~",
  ///trade/market/kline/{symbol}/{lintType}
   ajaxURL:window.config.ajaxServer+"/exchange/markets/kline/~symbol~/~period~"

};
new KLine(option).draw()
</script>
</body>
</html>
